<!DOCTYPE html>
<html>
	<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<title>登录失败</title>
	<link rel="stylesheet"  href="css/jquery.mobile-1.2.0.css" />
	<script src="js/jquery.js"></script>
	<script src="js/jquery.mobile-1.2.0.js"></script>
	<style type="text/css">
		.errorContent{
			padding:20px;
			margin:15px 0;
		}
	</style>
	<script type="text/javascript">
		//定义错误信息
		var loginStatusInfos = [];   
		loginStatusInfos[10000] = "登录成功";
		loginStatusInfos[10003] = "账号或密码错误";
		loginStatusInfos[10004] = "未知客户端错误";
		loginStatusInfos[10005] = "网络错误";
		
		//登录调用
		function LoginCallBack(statusInfo,statusCode,Id){
			//statusInfo 成功与否返回,boolean
			//loginStatus  失败成功返回值
			//Id 成功返回的用户ID
			if(statusInfo){//登陆成功
				try{
				 	window.JsGameCenter.closeWebView();
				}catch(e){
					window.console.log("back game error.");
				}
			}else{//登录失败
				$(".errorContent").show();
				$("#errorInfo").html(loginStatusInfos[statusCode]);
			}
		}
	</script>
	<script type="text/javascript">
		$(function(){
			$("#backGame").click(function(){
				try{
				 	window.JsGameCenter.closeWebView();
				}catch(e){
					window.console.log("back game error.");
				}				
			});
			$("#backLogin").click(function(){
				window.location.href="login.html";				
			});
		});
	</script>
</head>
<body>
<div data-role="page" data-theme="f">
	<div data-role="header" data-theme="b" data-position="fixed" >
		<div data-role="header" data-theme="b">
			<h1>登录失败</h1>
		</div>
	</div>
	<div data-role="content">
		<div class="errorContent">
			<p>登录失败,失败信息:<span id="errorInfo"></span></p>
		</div>
	    <div class="ui-grid-a">
	    	<div class="ui-block-a">
		          <input type="button" id='backLogin' value="重新登录"  data-theme="b" >
	    	</div>
	    	<div class="ui-block-b">
	          	<input type="button" id='backGame' value="返回游戏"  data-theme="b">
	    	</div>
	    </div>
	 </div>
</div>
</body>
</html>
